<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="index.css">
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
</head>
<body>
<header id="header">
    <p>A.S美发后台管理系统</p><button @click="addPic(4)">新增</button>
</header>
<div id="mian">
    <div id="left">
        <div id="div1"><li>管理系统</li></div>
        <div class="div1"><li><a href="indexPic.html" target="_self">轮播图管理</a></li></div>
        <div class="div1"><li><a href="indexProduct.html" target="_self">产品管理</a></li></div>
        <div class="div1"><li><a href="indexCategory.html" target="_self">分类管理</a></li></div>
        <div class="div1"><li><a href="" target="_self">精品管理</a></li></div>
        <div class="div1"><li><a href="indexAuther.html" target="_self">作品管理</a></li></div>
        <div class="div1"><li><a href="indexMember.html" target="_self">会员管理</a></li></div>
    </div>
</div>
<div id="rightPro">
    <table border="1" cellspacing="0" style="height: 50px;width: inherit">  <!--pics-->
        <tr>
            <th>序号</th>
            <th>作品标题</th>
            <th>类型</th>
            <th>操作</th>
        </tr>
        <tr v-for="(a,i) in auther_arr">
            <td v-text="i+1"></td>
            <td v-text="a.title"></td>
            <td v-text="message[a.type-1]" v-if="a.type==1"></td>
            <td v-text="message[a.type-1]" v-else-if="a.type==2"></td>
            <td v-text="message[a.type-1]" v-else-if="a.type==3"></td>
            <td v-text="message[a.type-1]" v-else-if="a.type==4"></td>
            <td v-text="" v-else></td>
            <td><input type="button" value="删除" @click="deleteByid(a.id)"></td>
        </tr>
    </table>
</div>
</body>


<script src="indexM.js"></script>
<script src="auther.js"></script>
<script src="indexPic.js"></script>

</html>